<template>
  <div>
    <div>
      <ul>
        <li><router-link to="/homes" class="b">
          <p><span class="iconfont icon-logo-dark1-copy"></span></p>
          <p> 首页 </p></router-link>
        </li>
        <li><router-link to="/wuhome" class="b">
          <p><span class=" iconfont icon-boke1"></span></p>
          <p> 信用卡</p></router-link>
        </li>
        <li><router-link to="/money" class="b">
          <p><span class=" iconfont icon-yinle_huaban1"></span></p>
          <p> 投资理财</p></router-link>
        </li>
        <li><router-link to="/life" class="b">
          <p><span class=" iconfont icon-wodekehu"></span></p>
          <p>悦享生活</p></router-link>
        </li>
        <li>
          <router-link to="/wode" class="b">
          <p><span class=" iconfont icon-m"></span></p>
          <p> 我的</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>

   &.router-link-exact-active {
      color:#1369b4;
      
    }
 .b p:nth-child(2){
  margin-top:.03rem ;
 }
  
 div{
  width: 100%;
  height:.7rem;
   position: fixed;
   bottom: 0;
   background-color: #fff;
   border-top:1px solid #e0e0e0 ;

   background-color: white;

  
  ul{
   display:flex;
  height: 100%;
   
    li{
      width: 20%;
      // flex: 1;
      height: .7rem;
      text-align: center;
      font-size: .14rem;
      // align-items: center;
      margin-top:.1rem ;
     
        p{
          span{
            font-size: .3rem;
          }
        }
    }
  }

 }
</style>